<template>
  <div>
      <h1>hello world</h1>
      <p @click="onchange"> {{ msg }}</p>
  </div>
</template>

<script >
export default {
  data(){
    return {
      msg: 'Hello Vue.js!'
    }
  },
  methods: {
    onchange(){
      this.msg = 'Hello Vue.js 2!'
    }
  }

}


</script>

<style lang="scss" scoped>

</style>